@import 'variable';

.mmm_header{
   text-align: center;
  .back{
    display: block;
    float:left;
    width: 60rem/@base;
    height: 60rem/@base;
    font-size:60rem/@base;
    color:#fff;
  }
  h2{
    display: inline;
    font-size:40rem/@base;
    color:#fff;
    
  }
}

.mmm_main{
  padding: 20rem/@base 13rem/@base 0 13rem/@base;
  background-color: #fff;
  .items{
    .item{
      height: 261rem/@base;
      display: block;
      .left{
        width: 192rem/@base;
        margin-right:30rem/@base;
        float:left;
        background-color: yellowgreen;
        img{
          width: 100%;
          font-size:12rem/@base;
        }
      }
      .right{
        position: relative;
        overflow: hidden;
        height: 100%;
        p{
          font-size:28rem/@base;
          span{
            color:#FF841D;
          }
        }
        .detail{
          height: 28rem/@base;
          width: 100%;
          color: #968B90;
          font-size:20rem/@base;
          position: absolute;
          top:144rem/@base;
          left:0;
          .store{
            padding-right:10rem/@base;
            border-right:2px solid #ccc;
          }
        }
      }
    }
  }
  // 分页
  .pagination{
    height: 93rem/@base;
    padding:16rem/@base 42rem/@base;
    position: relative;
    .prev,
    .next{
      width: 166rem/@base;
      height: 68rem/@base;
      font-size:24rem/@base;
      background-color: #DDDDDD;
      border-radius:10rem/@base;
      border:none;
    }
    .center{
      position: absolute;
      top:14rem/@base;
      left:50%;
      transform:translateX(-50%);
      select{
        padding:16rem/@base 26rem/@base;
        font-size:26rem/@base;
      }
    }
  }
}

